Comme pas mal de gens ont l'air interressés par des articles avec image en background, et comme il semblerait que ce soit moi qui ai utilisé cette possibilité en 1er (et que je n'ai pas posté depuis quelques temps), voilà un petit didacticiel.
Si vous voulez d'abord mettre du texte/images sans image de fond, mettez les donc normalement sur l'article.
Dès que vous voulez inclure une image de fond, passez en mode "code source HTML de l'article".
Puis insérez ceci:
<div style="margin: 10px; padding: 40px; background-image: url(http://gzite.free.fr/img/background_vert.png); background-repeat: no-repeat;">
Avant tout, mettez l'url de votre image à l'emplacement prévu.
En fonction de votre image, vous pouvez moduler les valeurs "margin" et "padding" ici mises à 10 et 40px (pixels) pour décaler votre texte, testez et vous verez...
Si vous utilisez une image "seamless", c'est à dire que la même image mise côte à côte ne laissera pas voir de "jonctions", enlevez le background-repeat: no-repeat; pour que l'image se "répète"
Pour finir, n'oubliez pas de mettre un </div> pour marquer la fin de l'affichage de l'image de fond.
Remarques:
L'image de fond n'est pas redimensionnée, c'est à vous d'adapter votre texte en fonction (vous pouvez faire des "entrées" pour que l'image soit affichée complêtement, verticalement du moins).
Il existe bien d'autres propriétés liées au background, j'ai mis ici que l'essentiel :)
Si problème il y a, >> commentaires.
Si vous voulez d'abord mettre du texte/images sans image de fond, mettez les donc normalement sur l'article.
Dès que vous voulez inclure une image de fond, passez en mode "code source HTML de l'article".
Puis insérez ceci:
<div style="margin: 10px; padding: 40px; background-image: url(http://gzite.free.fr/img/background_vert.png); background-repeat: no-repeat;">
Avant tout, mettez l'url de votre image à l'emplacement prévu.
En fonction de votre image, vous pouvez moduler les valeurs "margin" et "padding" ici mises à 10 et 40px (pixels) pour décaler votre texte, testez et vous verez...
Si vous utilisez une image "seamless", c'est à dire que la même image mise côte à côte ne laissera pas voir de "jonctions", enlevez le background-repeat: no-repeat; pour que l'image se "répète"
Pour finir, n'oubliez pas de mettre un </div> pour marquer la fin de l'affichage de l'image de fond.
Remarques:
L'image de fond n'est pas redimensionnée, c'est à vous d'adapter votre texte en fonction (vous pouvez faire des "entrées" pour que l'image soit affichée complêtement, verticalement du moins).
Il existe bien d'autres propriétés liées au background, j'ai mis ici que l'essentiel :)
Si problème il y a, >> commentaires.
enfin je te remercie, maintenant au moins j'ai des jolis articles =)
bisous mon coeur (l)